@import "media.scss";
.header{
    width:100%;
    height:42/20+rem;
    background-color: #ff841d;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:10/20+rem;
    font-size:1rem;
    color:#fff;  
    a{
        display: block;
        width:34/20+rem;
        line-height:42/20+rem;
        color:#fff; 
        img{
            display: block;
            width:100%;
        }
    }
}
.xiangxi{
    width:100%;
    >h4{
        font-size:20/20+rem;
        padding:18/20+rem 0 0 18/20+rem;
       margin:0;
    }
    .main{
        //  padding:18/20+rem 10/20+rem;
        width:100%;
        box-sizing: border-box;
        overflow: hidden;
        .left{
            width: 80%;
           p:first-of-type{
               color:#ff6c00;
               font-size: 18/20+rem;
                padding:5/20+rem 0 14/20+rem  18/20+rem;
                font-weight: bold;

           } 
            span{
                width:100%;
                box-sizing: border-box;
                word-wrap: break-word;
                font-size: 14/20+rem;
                color:#999999;
                padding-left:18/20+rem;
            }
            p:last-of-type{
                font-size: 20/20+rem;
                 padding:18/20+rem 0 0 18/20+rem;
            }
        }
        .right{
            float:left;
            width:30%;
            padding-top:25/20+rem;
            img{
                display: block;
                width:100%;
               
            }
        }
    }
    // .center{
    //      width:100%;
    //      word-wrap: break-word;
    //      font-size: 18/20+rem;
    //      line-height:26/20+rem;
    //      padding-left: 10/20+rem ; 
    // }
    .buy{
        img:nth-of-type(1){
            width:80%;
            display:block;
        }
        .select{
            width:100px;
            height:30px;
            margin:0 auto;
            padding-top:1rem;
            a{
                display: block;
                width:100%;
                height:100%;
                .huo{
                    font-size:14/20+rem;
                    span:nth-of-type(2){
                         color:#f28742;
                    }
                }
            }
            .jingdong{
                #disstorck{
                    li{
                        a{
                            
                            padding:0 10/20+rem;
                            span{
                                display: flex;
                                justify-content: space-between;
                                font-size:14/20+rem;
                                strong{
                                    color:#f28742;
                                }
                                
                            }
                        }
                    }
                }
            }
           
        }
        .buynow{
            width:100%;
            padding:0 1rem;
            margin:26/20+rem 0;
            span{
                display: block;
                width:100%;
                height:35/20+rem;
                background-color:#ff9000 ;
                text-align: center;
                line-height: 35/20+rem;
                font-size: 16/20+rem;
                color:#fff;
                border-radius: 5px;
               
            }
        }
        .buyimg{
            width:100%;
            padding:1rem 14/20+rem;
            img{
                display: block;
                width:100%;
            }
        }
    }
    .comment{
        width:100%;
        .tit{
            width:100%;
            padding:25/20+rem 14/20+rem;
            font-size: 18/20+rem;
        }
        .reply{
            width:100%;
            .form{
                width:100%;
                padding:0 14/20+rem;
                textarea{
                    resize:none;
                    width:100%;
                    height:114/20+rem;
                     border: 1px solid #eceae8;
                    

                }
                .ctrl{
                    background-color: #fbfbfb;
                    height: 50/20+rem;
                    display: flex;
                    justify-content: flex-end;
                    border: 1px solid #eceae8;
                    margin: 0;
                    >.tjdp{
                        width: 30%;
                        background-color: #ff9000;
                        color: white;
                        font-size: 16/20+rem;
                    }
                    
                }
            }
        }
        // .list{
        //     display: flex;
        //     font-size:16/20+rem;
        //     .userimg{
        //         flex:1;
        //         padding: 0 10/20+rem;
        //         img{
        //             width:100%;
        //             border-radius: 50%;
        //         }
        //     }
        //     .con{
        //         flex:6;
        //         display: flex;
        //         flex-wrap: wrap;
        //         align-items: center;
        //         .name{
        //            width:100%;
        //            display: flex;
        //            align-items: center;
        //            .username{
        //                flex:1;
        //                font-size:14/20+rem;
        //                color:#5997c0;
        //            }
        //            .time{
        //                flex:1;
                       
        //            }
        //         }
        //         .content{
        //            width:100%;
        //         }
        //     }
        // }
    }
}
.nav{
    margin-top:25/20+rem;
    width:100%;
    ul{
        width:100%;
        display: flex;
        li{
            flex:2;
            height:34/20+rem;
            background-color: #efefef;
            border-bottom:1px solid #c4c4c4;
            line-height:34/20+rem;
            text-align: center;
        }
        li:last-of-type{
            flex:3;
        }
        li:nth-of-type(2){
            border-left:1px solid #c4c4c4;
            border-right:1px solid #c4c4c4;
        }
    }

}
.footer{
    width:100%;
    background-color: #efefef;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding:16/20+rem 0;
    span:nth-of-type(1){
        color:#ff0000;
    }
    span:nth-of-type(2){
        color:#000000;
    }
    span:nth-of-type(3){
        color:#666666;
    }
}